﻿/*页面通用*/
.box_In{width: 1200px;margin: 0 auto;position: relative;}
.fl{float: left;}
.fr{float: right;}
.clear{overflow: hidden;}
/*标题*/
.box_hd{text-align: center;padding:20px 0 50px;}
.box_hd h2{display: inline-block;position: relative;font-size: 48px;font-weight: bold;color: #fff;padding: 0 100px;}
.box_hd h2 img{position: absolute;top: 12px;}
.box_hd h2 .icon1{left:0;}
.box_hd h2 .icon2{right: 0;}
/*按钮*/
.box_btn{float: right;margin-top: 235px;margin-right: 40px;}
.box_btn a{width: 318px;height: 60px;line-height: 60px;display: block;background: #ffd956;border-radius: 70px; background: -webkit-linear-gradient(left, #ffd956 , #ffb502);
background: -o-linear-gradient(right, #ffd956,  #ffb502);background: -moz-linear-gradient(right, #ffd956,  #ffb502);background: linear-gradient(to right, #ffd956 ,  #ffb502);box-shadow: 0 6px 3px #fae9c1;position: relative;}
.box_btn span{font-size: 15px;color: #717171;text-align: center;display: block;text-align: center;margin-top: 15px;}
.box_btn .div1{position:absolute;right:0; top:0px; width:318px; height: 60px; overflow:hidden;}
.box_btn  p{width:318px; height: 60px;text-align: center;font-size: 20px;color: #370200;font-weight: bold;text-align: center;}
.box_btn  .div2 {
	position: absolute;
	right: 28px;
	top: 0;
	bottom: 0;
	margin: auto;
	pointer-events: none;
	background-color: #ffffff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
	width: 220px;
	height: 220px;
	-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
	-moz-animation: ball-scale 1s 0s ease-in-out infinite;
	-ms-animation: ball-scale 1s 0s ease-in-out infinite;
	-o-animation: ball-scale 1s 0s ease-in-out infinite;
	animation: ball-scale 1s 0s ease-in-out infinite;
}
.logo{display: block;width: 189px;height:57px;}
.logo_a{display: block;margin-top: 35px;width: 189px;height:57px;position: relative;z-index: 9999;}
/*视频弹层*/
.play_mask{width: 100%;height: 100%;background: rgba(0,0,0,.75);position: fixed;top: 0;left: 0;z-index: 99999;display: none;}
.play_videobox{width: 800px;margin:13% auto;position: relative;padding-top: 50px;padding-right: 50px;}
.video_close{position: absolute;top: 0;right: 0;cursor: pointer;}
/*送祝福弹层*/
.szf_mask{width: 100%;height: 100%;background: rgba(0,0,0,.75);position: fixed;top: 0;left: 0;z-index: 99999;display: none;}
.szf_mask .box_In{height: 100%;}
.szf_mask .main{width: 594px;height: 432px;position: absolute;top: 50%;left: 50%;margin-left: -297px;margin-top: -216px;}
.szf_mask .main .img_show{animation: myimg 1s;-moz-animation: myimg 1s ;-webkit-animation: myimg 1s; -o-animation: myimg 1s ;}
.szf_mask .con{position: relative;} 
.szf_mask h2 {position: absolute;color: #fff;font-size: 46px;top: 150px;left:120px;text-align: center;width:400px;}
.szf_mask .con p{color: #fff;text-align: center;font-size: 18px;position: absolute;top:280px;left: 120px;width:400px;text-align: center;display: none;}
.szf_mask .con p span{color: #fffc00;}
.szf_close{position: absolute;top: -25px;right:10px;cursor: pointer;display: none;}
.szf_mask .con.ma_hide{animation: ma_hide 1s;-moz-animation: ma_hide 1s ;-webkit-animation: ma_hide 1s; -o-animation: ma_hide 1s ;}








/*ban开始*/
.ban{background: url(../images/ban_bg.jpg) no-repeat top center;height: 620px;}
.ban .img2{position: absolute;top: 35px;left: 387px;z-index: 999;}
.ban .img3{position: absolute;top: 409px;left: 107px;z-index: 99;}
.ban .img1{position: absolute;top: 26px;left:28px;z-index: 9;}
.ban .box_In{height: 620px;}
.ban .top{height: 550px;overflow: hidden;}
.ban .btm{width: 380px;height: 40px;margin: 5px auto 0;position: relative;}
.ban .btm p{width: 260px;height: 40px;line-height: 40px;background: #ff8800;color: #fff;text-align: center;font-size: 20px;margin: 0 auto;border-radius: 40px;position: relative;z-index: 99;}
.ban .btm span{position: absolute;border-top:1px solid #ff8800 ;display: block;width: 380px;top: 20px;left: 0;}
/*box1开始*/
.box1{background: url(../images/box1_bg.jpg) no-repeat top center;height: 210px;}
.box1 .img1{position: absolute;top:67px;left: 82px;}
.box1 ul{overflow: hidden;padding-top: 16px;}
.box1 ul li{width: 198px;text-align: center;float: left;margin: 0 25px;padding-top: 10px;
transition: all .4s;
-moz-transition:all .4s;
-webkit-transition: all .4s;
-o-transition: all .4s;}
.box1 ul li h3{font-size:24px;color: #ffffff;margin-bottom:40px;}
.box1 ul li p{font-size:16px;color: #ffffff;line-height: 22px;}
.box1 .last{width: 145px;margin: 0;}
.box1 .last h3,.box1 .last p{text-align: right;}
.box1 .li1 h3,.box1 .li1 p{padding-right: 10px;box-sizing: border-box;}
.box1 .li1{margin-left: 0;margin-right: 40px;}
.box1 ul li:hover{padding-top: 6px;}

/*box2开始*/
.box2{background: url(../images/box2_bg.jpg) no-repeat center; height: 477px;}
.box2 .video_box{width:720px;margin:0 auto;padding-top: 10px;height: 306px;}
.box2 .szf_btn{display: block;margin: 30px  auto 0;cursor: pointer;}
.box2 .box2_img1{position: absolute;right: 171px;top: 145px;}
.tab_top{background: #a8000d;height: 60px;width: 100%;}
.tab_top.fix{position: fixed;top: 0;left:0;z-index: 9999;}
.tab_top .top_box{overflow: hidden;width: 1200px;margin: 0 auto;}
.tab_top .top_box .top{width: 170px;border-left: 1px solid #c42d39;height: 60px;line-height: 60px;float: left;font-size: 18px;color: #fff;text-align: center;}
.tab_top .top_box .top.last{border-right: 1px solid #c42d39;}
.tab_top .top_box .top.on{background:url(../images/tab_bg.jpg) no-repeat center 35px;font-weight: bold;font-size: 22px;}



/*box9开始*/
.xxhd{background: #cf000d url(../images/box4_bg.jpg) no-repeat top center;}
.xxhd .box_hd{padding-top: 65px;}
.xxhd .box_hd h2{padding: 0 130px;}
.xxhd .main{position: relative;}
.xxhd .main  h3{text-align: center;font-size: 38px;color: #0c1b74;font-weight: bold;color: #fff;position: absolute;top: 40px;left: 0;text-align: center;width: 100%;}
.xxhd .main .xxhdimg1{position: absolute;top:160px;left: 90px;}
.xxhd .main p{position: absolute;top:180px;left: 420px;font-size: 18px;color: #fff;line-height: 30px;}
.xxhd .main p span{font-weight: bold;}

/*box3开始*/
.box3{background: #c0030a url(../images/box3_bg.jpg) no-repeat bottom center; height:1053px;}
.box3 .box_hd{padding-top:59px;}
.box3 .main{width: 1130px;margin: 0 auto;padding-left: 33px;box-sizing: border-box;padding-top:51px;}
.box3 .main .fl{width: 756px;position: relative;}
.box3 .main .fr{width: 260px;position: relative;}
.box3 .main .fr p{font-size: 17px;color: #fff;text-align: center;line-height: 28px;margin-top: 20px;margin-bottom:72px ;}
.box3 .main .fr p span{color: #feef00;}
.box3 .main .fr img{margin: 8px auto;display: block;}
.box3 .main .fr .p1{font-size: 16px;line-height: 24px;margin-top: 10px;margin-bottom: 0;}
.box3 .main .fr .img2{ animation: mytop .4s infinite;-moz-animation: mytop .4s infinite;-webkit-animation: mytop .4s infinite; -o-animation: mytop .4s infinite;position: absolute;top: 129px;left: 111px; }
.shutter{position:relative;overflow:hidden;height:761px;width:756px;}
.shutter li{position:absolute;left:0;top:0;}
.shutter-nav{display:inline-block;color:#fff;padding:0;background:#333;font-family:Tahoma;font-weight:bold;font-size:0px;cursor:pointer;}
.shutter-cur-nav{font-size:0px;cursor:pointer;}
.box3 .main .fl .fl_mask{position: absolute;width: 130px;height:40px;right: 0;bottom: 0px;z-index:99;}
/*box4开始*/
.box4{background:#cf000d ;padding-bottom:-1px;padding-top: 80px; }
.box4 .box_hd{padding-top: 65px;}
.box4 .box_hd h2{padding: 0 130px;}
.box4 h3{text-align: center;font-size: 38px;color: #0c1b74;font-weight: bold;color: #fff;padding-top: 27px;}
.box4_bg2{background:url(../images/box4_bg2.png) no-repeat top center;width: 1200px;height: 724px;overflow: hidden;}
.box4 .main{width: 900px;margin: 75px auto 0;height: 130px;}
.box4 .main .fl{width: 346px;border-right: 1px solid #ff3c3c;padding: 8px 0;}
.box4 .main .fr{width: 510px;}
.box4 .main .top{overflow: hidden;}
.box4 .main .top img{float: left;margin-right: 25px;}
.box4 .main .top p{float: left;font-size: 15px;color: #fff;line-height: 25px;}
.box4 .main .btm{width:490px;height: 35px;line-height: 35px;text-align: center;background: #ff5d31;border-radius: 50px;color: #fff;font-size: 16px;margin-top:8px ;}
.box4 .con{width:1000px;height:365px;margin:30px auto 0;overflow: hidden;}
.box4 .con .play_video{width: 558px;float: left;cursor: pointer;height:365px;}
/*box5开始*/
.box5{overflow: hidden;padding-top: 100px;background:#cf000d ;}
.bg1{position: absolute;top: 0;right: -360px;}
.bg2{position: absolute;top: 10px;left: -360px;}
.bg3{position: absolute;top:612px;right: -174px;}
.bg4{position: absolute;top: 150px;left: -360px;}
.bg5{position: absolute;top: 0;right: -360px;}
.box5 .main{position: relative;}
.box5 h3{position: absolute;top:27px;left: 0;width: 100%;text-align: center;font-size: 38px;color: #0c1b74;font-weight: bold;}
.box6 h3{color: #7a2200;}
.box7 h3{color: #263d9c;}
.box8 h3{color: #6f3523;top:33px;}
.box5 .con{width: 900px;height: 130px;position: absolute;top: 153px;left: 140px;}
.box5 .fl{width: 346px;border-right: 1px solid #513ded;padding:5px 0;}
.box5 .fr{width: 510px;}
.box5 .top{overflow: hidden;}
.box5 .top img{float: left;margin-right: 25px;}
.box5 .top p{float: left;font-size: 15px;color: #fff;line-height: 25px;margin-top: 15px;}
.box5 .btm{width:510px;height: 35px;line-height: 35px;text-align: center;background: #4b86ff;border-radius: 50px;color: #fff;font-size: 16px;margin-top:15px ;}
.box5 .box_btn{position: absolute;top: 446px;right: 95px;}
.box6 .fl{border-right: 1px solid #ffb870;}
.box6 .btm{background: #ff5e17;width: 600px;}
.box6 .box_btn{top: 522px;right: 70px;}
.box6 .fr{width: 600px;}
.box6 .con{width: 1000px;left: 100px;}
.box7 .btm{background: #48adff;width:470px;}
.box7 .fl{border-right: 1px solid #48adff;}
.box7 .box_btn{top: 395px;right: 180px;}
.box8 .p1{border-top: 1px solid #ffa979;line-height:20px;color: #fff;font-size: 16px;margin-top:8px ;padding-top: 8px;}
.box8 .fl{border-right: 1px solid #ff962a;width: 307px;}
.box8 .fr{width: 415px;}
.box8 .con{width: 777px;left: 82px;}
.box8 .box8_img2{margin-top: -3px;}
.box8 .lb_box{position: absolute;width: 417px;height: 417px;top:380px;right:84px}
.box8 .lb_box h2{font-size:26px;color: #000;font-weight: bold;text-align: center;padding-top: 10px;}
.box8 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.box8 .slideBox .bd li{ zoom:1; vertical-align:middle; }
.box8 .slideBox .bd img{ width:417px; height:235px; display:block;  }
.box8 .slideBox{ width:417px; overflow:hidden; position:relative;padding-bottom: 50px;margin-top: 20px; }
.box8 .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:142px; bottom:5px; z-index:1; }
.box8 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.box8 .slideBox .hd ul li{ float:left; margin-right:15px;  width:30px; height:7px;background:#d0d0d0; cursor:pointer; border-radius: 10px;}
.box8 .slideBox .hd ul li.on{ background:#ff704a; }
.box8 .slideBox .bd p{font-size:16px;color: #5b5b5b;line-height: 21px;text-align: center;margin-top: 20px;}
/*box9开始*/
.box9{background: #cf000d;padding: 60px 0;}
.box9 img{display: block;margin: 0 auto;}
.box9 .img1{margin-bottom: 20px;}
.box_footer{background: #9d0000;height: 65px;line-height: 68px;text-align: center;color: #ffd6d5;font-size: 14px;line-height: 65px;}
.box_footer a{color: #ffd6d5;}
/*页面动画*/
@-webkit-keyframes ball-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes ball-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}



@keyframes mytop
{
0% {top: 129px;}
50% {top: 135px;}
100%{top:129px;}
}

@-moz-keyframes mytop 
{
0% {top: 129px;}
50% {top: 135px;}
100%{top:129px;}
}

@-webkit-keyframes mytop 
{
0% {top: 129px;}
50% {top: 135px;}
100%{top:129px;}
}

@-o-keyframes mytop
{
0% {top: 129px;}
50% {top: 135px;}
100%{top:129px;}
}


@keyframes myimg
{
0% {transform: scale(0);opacity: 0;}
100%{transform: scale(1);opacity:1;}
}

@-moz-keyframes myimg 
{
0% {transform: scale(0);opacity: 0;}
100%{transform: scale(1);opacity:1;}
}

@-webkit-keyframes myimg 
{
0% {transform: scale(0);opacity: 0;}
100%{transform: scale(1);opacity:1;}
}

@-o-keyframes myimg
{
0% {transform: scale(0);opacity: 0;}
100%{transform: scale(1);opacity:1;}
}






@keyframes ma_hide
{
0% {transform: scale(1);opacity: 1;}
100%{transform: scale(0);opacity:0;}
}

@-moz-keyframes ma_hide 
{
0% {transform: scale(1);opacity: 1;}
100%{transform: scale(0);opacity:0;}
}

@-webkit-keyframes ma_hide 
{
0% {transform: scale(1);opacity: 1;}
100%{transform: scale(0);opacity:0;}
}

@-o-keyframes ma_hide
{
0% {transform: scale(1);opacity: 1;}
100%{transform: scale(0);opacity:0;}}
}